<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title>GOS重庆纷乐迪电商管理系统</title>

    <meta name="description" content="User login page"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="__STATIC__/admin/assets/css/bootstrap.css"/>
    <link rel="stylesheet" href="__STATIC__/admin/assets/css/font-awesome.css"/>
    <link rel="stylesheet" href="__STATIC__/common/bootstrapvalidate/css/bootstrapValidator.min.css"/>

    <!-- text fonts -->
    <link rel="stylesheet" href="__STATIC__/admin/assets/css/ace-fonts.css"/>

    <!-- ace styles -->
    <link rel="stylesheet" href="__STATIC__/admin/assets/css/ace.css"/>

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="__STATIC__/admin/assets/css/ace-part2.css"/>
    <![endif]-->
    <link rel="stylesheet" href="__STATIC__/admin/assets/css/ace-rtl.css"/>

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="__STATIC__/admin/assets/css/ace-ie.css"/>
    <![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

    <!--[if lt IE 9]>
    <script src="__STATIC__/admin/assets/js/html5shiv.js"></script>
    <script src="__STATIC__/admin/assets/js/respond.js"></script>
    <![endif]-->
    <style>
        .login-layout .widget-box{
            background: rgba(255,255,255,.5);
            border-radius: 4px;
        }
        .login-layout .widget-box .widget-main{
            background: #ffffff;
            border-radius: 4px;
        }
    </style>
</head>

<body class="login-layout blur-login" style="background:url('/static/admin/images/login-bg.jpg') no-repeat;background-size: 100%;">
<div class="main-container">
    <div class="main-content" style="margin-top: 5%;">
        <div class="row">
            <div class="col-sm-10 col-sm-offset-1">
                <div class="login-container">
                    <div class="center">
                        <!--<h1>-->
                            <!--<i class="ace-icon fa fa-leaf green"></i>-->
                            <!--<span class="red">Gos</span>-->
                            <!--<span class="white" id="id-text2">业务系统</span>-->
                        <!--</h1>-->
                        <h4 id="id-company-text" style="color: #ffffff;font-size: 22px;">重庆纷乐迪电商管理系统</h4>
                    </div>

                    <div class="space-6"></div>

                    <div class="position-relative">
                        <div id="login-box" class="login-box visible widget-box no-border">
                            <div class="widget-body">
                                <div class="widget-main">
                                    <!--<h4 class="header blue lighter bigger">-->
                                        <!--<i class="ace-icon fa fa-coffee green"></i>-->
                                        <!--请输入您的信息-->
                                    <!--</h4>-->
                                    <div style="text-align: center;">
                                        <img src="/static/admin/images/108.jpg" alt=""/>
                                    </div>

                                    <div class="space-6"></div>

                                    <form action="{:url('admin/Login/checklogin')}" method="post" id="form">
                                        <fieldset>
                                            <label class="block clearfix form-group">
														<span class="block input-icon input-icon-right">
															<input type="text" class="form-control"
                                                                   placeholder="用户名或电话号码" name="username"/>
                                                            <!--<i class="ace-icon fa fa-user"></i>-->
														</span>
                                            </label>

                                            <label class="block clearfix form-group">
														<span class="block input-icon input-icon-right">
															<input type="password" class="form-control" placeholder="密码"
                                                                   name="password"/>
                                                            <!--<i class="ace-icon fa fa-lock"></i>-->
														</span>
                                            </label>

                                            <div class="space"></div>

                                            <div class="clearfix">
                                                <!--<label class="inline">-->
                                                <!--<input type="checkbox" class="ace" />-->
                                                <!--<span class="lbl"> Remember Me</span>-->
                                                <!--</label>-->

                                                <button type="submit" class="pull-right btn btn-sm btn-primary"
                                                        id="submit" style="width: 100%;font-family: 'Microsoft Yahei';border-radius: 4px;">
                                                    <i class="ace-icon fa fa-key"></i>
                                                    <span class="bigger-110">登录</span>
                                                </button>
                                            </div>

                                            <div class="space-4"></div>
                                        </fieldset>
                                    </form>

                                    <div class="social-or-login center">
                                        <span class="bigger-110">第三方登录</span>
                                    </div>

                                    <div class="space-6"></div>

                                    <div class="social-login center">
                                        待后期开发
                                        <!--<a class="btn btn-primary">-->
                                            <!--<i class="ace-icon fa fa-facebook"></i>-->
                                        <!--</a>-->

                                        <!--<a class="btn btn-info">-->
                                            <!--<i class="ace-icon fa fa-twitter"></i>-->
                                        <!--</a>-->

                                        <!--<a class="btn btn-danger">-->
                                            <!--<i class="ace-icon fa fa-google-plus"></i>-->
                                        <!--</a>-->
                                    </div>
                                </div><!-- /.widget-main -->

                                <!--<div class="toolbar clearfix">-->
                                <!--<div>-->
                                <!--<a href="#" data-target="#forgot-box" class="forgot-password-link">-->
                                <!--<i class="ace-icon fa fa-arrow-left"></i>-->
                                <!--I forgot my password-->
                                <!--</a>-->
                                <!--</div>-->

                                <!--<div>-->
                                <!--<a href="#" data-target="#signup-box" class="user-signup-link">-->
                                <!--I want to register-->
                                <!--<i class="ace-icon fa fa-arrow-right"></i>-->
                                <!--</a>-->
                                <!--</div>-->
                                <!--</div>-->
                            </div><!-- /.widget-body -->
                        </div><!-- /.login-box -->

                        <div id="forgot-box" class="forgot-box widget-box no-border">
                            <div class="widget-body">
                                <div class="widget-main">
                                    <h4 class="header red lighter bigger">
                                        <i class="ace-icon fa fa-key"></i>
                                        Retrieve Password
                                    </h4>

                                    <div class="space-6"></div>
                                    <p>
                                        Enter your email and to receive instructions
                                    </p>

                                    <form>
                                        <fieldset>
                                            <label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="email" class="form-control"
                                                                   placeholder="Email"/>
															<i class="ace-icon fa fa-envelope"></i>
														</span>
                                            </label>

                                            <div class="clearfix">
                                                <button type="button" class="width-35 pull-right btn btn-sm btn-danger">
                                                    <i class="ace-icon fa fa-lightbulb-o"></i>
                                                    <span class="bigger-110">Send Me!</span>
                                                </button>
                                            </div>
                                        </fieldset>
                                    </form>
                                </div><!-- /.widget-main -->

                                <div class="toolbar center">
                                    <a href="#" data-target="#login-box" class="back-to-login-link">
                                        Back to login
                                        <i class="ace-icon fa fa-arrow-right"></i>
                                    </a>
                                </div>
                            </div><!-- /.widget-body -->
                        </div><!-- /.forgot-box -->

                        <div id="signup-box" class="signup-box widget-box no-border">
                            <div class="widget-body">
                                <div class="widget-main">
                                    <h4 class="header green lighter bigger">
                                        <i class="ace-icon fa fa-users blue"></i>
                                        New User Registration
                                    </h4>

                                    <div class="space-6"></div>
                                    <p> Enter your details to begin: </p>

                                    <form>
                                        <fieldset>
                                            <label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="email" class="form-control"
                                                                   placeholder="Email"/>
															<i class="ace-icon fa fa-envelope"></i>
														</span>
                                            </label>

                                            <label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="text" class="form-control"
                                                                   placeholder="Username"/>
															<i class="ace-icon fa fa-user"></i>
														</span>
                                            </label>

                                            <label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="password" class="form-control"
                                                                   placeholder="Password"/>
															<i class="ace-icon fa fa-lock"></i>
														</span>
                                            </label>

                                            <label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="password" class="form-control"
                                                                   placeholder="Repeat password"/>
															<i class="ace-icon fa fa-retweet"></i>
														</span>
                                            </label>

                                            <label class="block">
                                                <input type="checkbox" class="ace"/>
                                                <span class="lbl">
															I accept the
															<a href="#">User Agreement</a>
														</span>
                                            </label>

                                            <div class="space-24"></div>

                                            <div class="clearfix">
                                                <button type="reset" class="width-30 pull-left btn btn-sm">
                                                    <i class="ace-icon fa fa-refresh"></i>
                                                    <span class="bigger-110">Reset</span>
                                                </button>

                                                <button type="button"
                                                        class="width-65 pull-right btn btn-sm btn-success">
                                                    <span class="bigger-110">Register</span>

                                                    <i class="ace-icon fa fa-arrow-right icon-on-right"></i>
                                                </button>
                                            </div>
                                        </fieldset>
                                    </form>
                                </div>

                                <div class="toolbar center">
                                    <a href="#" data-target="#login-box" class="back-to-login-link">
                                        <i class="ace-icon fa fa-arrow-left"></i>
                                        Back to login
                                    </a>
                                </div>
                            </div><!-- /.widget-body -->
                        </div><!-- /.signup-box -->
                    </div><!-- /.position-relative -->
                </div>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.main-content -->
</div><!-- /.main-container -->

<!-- basic scripts -->

<!--[if !IE]> -->
<script type="text/javascript">
    window.jQuery || document.write("<script src='__STATIC__/admin/assets/js/jquery.js'>" + "<" + "/script>");
</script>

<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
    window.jQuery || document.write("<script src='__STATIC__/admin/assets/js/jquery1x.js'>" + "<" + "/script>");
</script>
<![endif]-->
<script type="text/javascript">
    if ('ontouchstart' in document.documentElement) document.write("<script src='__STATIC__/admin/assets/js/jquery.mobile.custom.js'>" + "<" + "/script>");
</script>
<script src="__STATIC__/admin/assets/js/bootstrap.js"></script>
<script src="__STATIC__/common/bootstrapvalidate/js/bootstrapValidator.min.js"></script>
<script src="__STATIC__/common/bootstrapvalidate/js/language/zh_CN.js"></script>
<script src="__STATIC__/common/layer/layer.js"></script>
<!-- inline scripts related to this page -->
<script type="text/javascript">
    jQuery(function ($) {
        $(document).on('click', '.toolbar a[data-target]', function (e) {
            e.preventDefault();
            var target = $(this).data('target');
            $('.widget-box.visible').removeClass('visible');//hide others
            $(target).addClass('visible');//show target
        });
    });
    //you don't need this, just used for changing background
    jQuery(function ($) {
        $('#btn-login-dark').on('click', function (e) {
            $('body').attr('class', 'login-layout');
            $('#id-text2').attr('class', 'white');
            $('#id-company-text').attr('class', 'blue');

            e.preventDefault();
        });
        $('#btn-login-light').on('click', function (e) {
            $('body').attr('class', 'login-layout light-login');
            $('#id-text2').attr('class', 'grey');
            $('#id-company-text').attr('class', 'blue');

            e.preventDefault();
        });
        $('#btn-login-blur').on('click', function (e) {
            $('body').attr('class', 'login-layout blur-login');
            $('#id-text2').attr('class', 'white');
            $('#id-company-text').attr('class', 'light-blue');
            e.preventDefault();
        });

    });
</script>
<script>
    $(function () {
        $('#form').bootstrapValidator({
            message: 'This value is not valid',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                username: {
                    message: '用户名验证失败',
                    validators: {
                        notEmpty: {
                            message: '用户名不能为空'
                        },
                        stringLength:{
                            min: 2,
                            max: 18,
                            message: '用户名长度必须在2到18位之间'
                        }
                    }
                },
                password: {
                    validators: {
                        notEmpty: {
                            message: '密码不能为空'
                        }
                    }
                }
            }
        });
        $(document).keyup(function (event) {
            if (event.keyCode == 13) {
                $("#submit").trigger("click");
            }
        });
        $("#form").submit(function (ev) {
            ev.preventDefault();
        });
        $("#submit").on("click", function () {
            var bootstrapValidator = $("#form").data('bootstrapValidator');
            bootstrapValidator.validate();
            if (bootstrapValidator.isValid()) {
                $.ajax({
                    type: "POST",
                    url: "{:url('checklogin')}",
                    data: $('#form').serialize(),
//                            beforeSend:function(){
//                                $(this).attr("disabled","false"); //禁止点击
//                            },
                    success: function (info) {
                        console.log(info);

                        if (info.code == 1) {
                            layer.msg(info.msg, {icon: 1});
                            setTimeout(function () {
                                location.href = info.url;
                            }, 1000); //延迟演示
                        } else {
                            if (info.msg == '请绑定微信公众号之后在登陆系统！') {
                                layer.open({
                                    type: 1,
                                    title: false,
                                    area: ['300px', '300px'],
                                    shadeClose: true, //点击遮罩关闭
                                    content: "<div><img src='/static/images/qrcode_for_gh_e8badd248bde_258.jpg'></div><br/>请绑定微信公众号之后在登陆系统！"
                                });
                            }
                            layer.msg(info.msg, {icon: 5});
//                                    $('#submit').removeAttr("disabled"); //禁止点击
                        }

                    }
                });
                return false;
            } else return;
        });
    });

</script>
</body>
</html>
